﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
    <!--<![endif]-->

    <head>
        <meta charset="utf-8" />
        <title>SuperMgr前端框架</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!--全局通用框架样式 begin-->
        <!-- 全局基本样式 -->
    <link href="../content/superui/min/css/superui.common.min.css" rel="stylesheet"/>
        <!-- 全局主题样式 -->
        <link href="../content/superui/global/css/components.min.css" id="style_components" rel="stylesheet" />
        <link href="../content/superui/pages/layouts/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
        <!--全局通用框架样式 end-->
    <body>
        <div class="page-container">
            <div class="page-content">
                <div class="row">
                    <div class="col-md-6">
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon-social-dribbble font-purple-soft"></i>
                                    <span class="caption-subject font-purple-soft bold uppercase">Default Tabs</span>
                                </div>
                                <div class="actions">
                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                        <i class="icon-cloud-upload"></i>
                                    </a>
                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                        <i class="icon-wrench"></i>
                                    </a>
                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                        <i class="icon-trash"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#tab_1_1" data-toggle="tab"> 主页 </a>
                                    </li>
                                    <li>
                                        <a href="#tab_1_2" data-toggle="tab"> 个人信息 </a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 下拉列表
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="#tab_1_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active in" id="tab_1_1">
                                        <p> SuperUI第一版发布啦！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_1_2">
                                        <p> SuperUI第二版发布啦！虎哥再发布！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_1_3">
                                        <p> SuperUI第三版发布啦！豹哥再发布！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_1_4">
                                        <p> SuperUI第四版发布啦！龙哥再发布！ </p>
                                    </div>
                                </div>
                                <div class="clearfix margin-bottom-20"> </div>
                                <ul class="nav nav-tabs tabs-reversed">
                                    <li class="active">
                                        <a href="#tab_reversed_1_1" data-toggle="tab"> 主页 </a>
                                    </li>
                                    <li>
                                        <a href="#tab_reversed_1_2" data-toggle="tab"> 个人信息 </a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 下拉列表
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="#tab_reversed_1_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_reversed_1_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_reversed_1_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_reversed_1_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active in" id="tab_reversed_1_1">
                                        <p> SuperUI第一版发布啦！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_reversed_1_2">
                                        <p> SuperUI第二版发布啦！虎哥再发布！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_reversed_1_3">
                                        <p>SuperUI第三版发布啦！豹哥再发布！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_reversed_1_4">
                                        <p>SuperUI第四版发布啦！龙哥再发布！ </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon-bubble font-green-sharp"></i>
                                    <span class="caption-subject font-green-sharp bold uppercase">Default Pills效果</span>
                                </div>
                                <div class="actions">
                                    <div class="btn-group">
                                        <a class="btn green-haze btn-outline btn-circle btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="dropdown-menu pull-right">
                                            <li>
                                                <a href="javascript:;"> Option 1</a>
                                            </li>
                                            <li class="divider"> </li>
                                            <li>
                                                <a href="javascript:;">Option 2</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">Option 3</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">Option 4</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ul class="nav nav-pills">
                                    <li class="active">
                                        <a href="#tab_2_1" data-toggle="tab"> 主页 </a>
                                    </li>
                                    <li>
                                        <a href="#tab_2_2" data-toggle="tab"> 个人信息 </a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="javascript:;" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">下拉列表
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                                            <li>
                                                <a href="#tab_2_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_2_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_2_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_2_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active in" id="tab_2_1">
                                        <p> SuperUI第一版发布啦！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_2_2">
                                        <p>SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_2_3">
                                        <p>SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_2_4">
                                        <p> SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption">
                                    <span class="caption-subject font-grey-salsa bold uppercase">标签页</span>
                                </div>
                                <div class="actions">
                                    <div class="actions">
                                        <a href="javascript:;" class="btn btn-circle btn-default">
                                            <i class="fa fa-pencil"></i> 编辑 </a>
                                        <a href="javascript:;" class="btn btn-circle btn-default">
                                            <i class="fa fa-plus"></i> 添加 </a>
                                    </div>
                                </div>
                            </div>
                            <div class="portlet-body tabs-below">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab_3_1">
                                        <p> SuperUI第一版发布啦！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_3_2">
                                        <p> SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_3_3">
                                        <p> SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_3_4">
                                        <p>SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                    </div>
                                </div>
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#tab_3_1" data-toggle="tab"> 主页 </a>
                                    </li>
                                    <li>
                                        <a href="#tab_3_2" data-toggle="tab"> 个人信息 </a>
                                    </li>
                                    <li class="dropdown dropup">
                                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 下拉列表
                                            <i class="fa fa-angle-up"></i>
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="#tab_3_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_3_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_3_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_3_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="portlet box red">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>Pills效果</div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body tabs-below">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="tab_4_1">
                                        <p> SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_4_2">
                                        <p> SuperUI第一版发布啦！ SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_4_3">
                                        <p> SuperUI第一版发布啦！ SuperUI第一版发布啦！ SuperUI第一版发布啦！</p>
                                    </div>
                                    <div class="tab-pane fade" id="tab_4_4">
                                        <p> SuperUI第一版发布啦！ SuperUI第一版发布啦！ SuperUI第一版发布啦！ SuperUI第一版发布啦！ </p>
                                    </div>
                                </div>
                                <ul class="nav nav-pills">
                                    <li class="active">
                                        <a href="#tab_4_1" data-toggle="tab"> 主页 </a>
                                    </li>
                                    <li>
                                        <a href="#tab_4_2" data-toggle="tab"> 个人信息 </a>
                                    </li>
                                    <li class="dropdown dropup">
                                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">下拉列表
                                            <i class="fa fa-angle-up"></i>
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="#tab_4_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_4_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_4_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_4_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>标签页（左侧） </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-3 col-sm-3 col-xs-3">
                                        <ul class="nav nav-tabs tabs-left">
                                            <li class="active">
                                                <a href="#tab_6_1" data-toggle="tab"> 主页 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_6_2" data-toggle="tab"> 个人信息 </a>
                                            </li>
                                            <li class="dropdown">
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 更多
                                                    <i class="fa fa-angle-down"></i>
                                                </a>
                                                <ul class="dropdown-menu" role="menu">
                                                    <li>
                                                        <a href="#tab_6_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_6_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_6_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_6_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="#tab_6_1" data-toggle="tab"> 设置 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_6_1" data-toggle="tab"> 更多 </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-9">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab_6_1">
                                                <p>SuperUI第一版发布啦！ </p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_6_2">
                                                <p> SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_6_3">
                                                <p>SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_6_4">
                                                <p> SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portlet box green">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>标签页（右侧） </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-9 col-sm-9 col-xs-9">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab_7_1">
                                                <p>SuperUI第一版发布啦！</p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_7_2">
                                                <p> SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_7_3">
                                                <p> SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！</p>
                                            </div>
                                            <div class="tab-pane fade" id="tab_7_4">
                                                <p> SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！SuperUI第一版发布啦！ </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-3 col-xs-3">
                                        <ul class="nav nav-tabs tabs-right">
                                            <li class="active">
                                                <a href="#tab_7_1" data-toggle="tab"> 主页 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_7_2" data-toggle="tab"> 个人信息 </a>
                                            </li>
                                            <li class="dropdown">
                                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 更多
                                                    <i class="fa fa-angle-down"></i>
                                                </a>
                                                <ul class="dropdown-menu" role="menu">
                                                    <li>
                                                        <a href="#tab_7_3" tabindex="-1" data-toggle="tab"> Option 1 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_7_4" tabindex="-1" data-toggle="tab"> Option 2 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_7_3" tabindex="-1" data-toggle="tab"> Option 3 </a>
                                                    </li>
                                                    <li>
                                                        <a href="#tab_7_4" tabindex="-1" data-toggle="tab"> Option 4 </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="#tab_7_1" data-toggle="tab"> 设置 </a>
                                            </li>
                                            <li>
                                                <a href="#tab_7_1" data-toggle="tab"> 更多 </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portlet box yellow">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>标签页（其他风格） </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <h3>默认风格标签页</h3>
                                <div class="tabbable-line">
                                    <ul class="nav nav-tabs ">
                                        <li class="active">
                                            <a href="#tab_15_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_15_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_15_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_15_1">
                                            <p> Section 1</p>
                                            <p>Section 1 </p>
                                        </div>
                                        <div class="tab-pane" id="tab_15_2">
                                            <p>Section2 </p>
                                            <p>Section 2</p>
                                            <p>
                                                <a class="btn green" href="ui_tabs_accordions_navs.html#tab_15_2" target="_blank">点我有惊喜 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_15_3">
                                            <p> Section 3 </p>
                                            <p> Section 3</p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_15_3" target="_blank"> 点我激活链接 </a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <h3>Below Tab</h3>
                                <div class="tabbable-line tabs-below">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_16_2_1">
                                            <p> Section 11. </p>
                                            <p>Section 11.</p>
                                            <p>Section 11. </p>
                                        </div>
                                        <div class="tab-pane" id="tab_16_2_2">
                                            <p> Section 22. </p>
                                            <p> Section 22. </p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_16_2_2" target="_blank"> 点我激活链接 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_16_2_3">
                                            <p> Section 33 </p>
                                            <p> Section 33</p>
                                            <p>
                                                <a class="btn purple" href="ui_tabs_accordions_navs.html#tab_16_2_3" target="_blank"> 点我激活链接</a>
                                            </p>
                                        </div>
                                    </div>
                                    <ul class="nav nav-tabs">
                                        <li class="active">
                                            <a href="#tab_16_2_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_16_2_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_16_2_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="portlet box yellow">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>第二种风格 标签页 #2 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="tabbable-custom ">
                                    <ul class="nav nav-tabs ">
                                        <li class="active">
                                            <a href="#tab_5_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_5_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_5_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_5_1">
                                            <p> Section 1. </p>
                                            <p>Section 1. </p>
                                        </div>
                                        <div class="tab-pane" id="tab_5_2">
                                            <p>Section 2. </p>
                                            <p> Section 2. </p>
                                            <p>
                                                <a class="btn green" href="ui_tabs_accordions_navs.html#tab_5_2" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_5_3">
                                            <p> Section 3.</p>
                                            <p> Section 3.</p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_5_3" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="tabbable-custom tabs-below">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_6_2_1">
                                            <p> Section 1. </p>
                                            <p> Section 1. </p>
                                            <p> Section 1.</p>
                                        </div>
                                        <div class="tab-pane" id="tab_6_2_2">
                                            <p> Section 2.</p>
                                            <p> Section 2. </p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_6_2_2" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_6_2_3">
                                            <p> Section 3. </p>
                                            <p> Section 3. </p>
                                            <p>
                                                <a class="btn purple" href="ui_tabs_accordions_navs.html#tab_6_2_3" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                    </div>
                                    <ul class="nav nav-tabs">
                                        <li class="active">
                                            <a href="#tab_6_2_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_6_2_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_6_2_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <!-- BEGIN TAB PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon-anchor font-green-sharp"></i>
                                    <span class="caption-subject font-green-sharp bold uppercase">下拉标签页</span>
                                </div>
                                <div class="actions">
                                    <div class="btn-group">
                                        <a class="btn green-haze btn-outline btn-circle btn-sm" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> 动作
                                            <i class="fa fa-angle-down"></i>
                                        </a>
                                        <ul class="dropdown-menu pull-right">
                                            <li>
                                                <a href="javascript:;"> Option 1</a>
                                            </li>
                                            <li class="divider"> </li>
                                            <li>
                                                <a href="javascript:;">Option 2</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">Option 3</a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">Option 4</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <p> 例子 </p>
                                <div class="tabbable tabbable-tabdrop">
                                    <ul class="nav nav-tabs">
                                        <li class="active">
                                            <a href="#tab1" data-toggle="tab">Section 1</a>
                                        </li>
                                        <li>
                                            <a href="#tab2" data-toggle="tab">Section 2</a>
                                        </li>
                                        <li>
                                            <a href="#tab3" data-toggle="tab">Section 3</a>
                                        </li>
                                        <li>
                                            <a href="#tab4" data-toggle="tab">Section 4</a>
                                        </li>
                                        <li>
                                            <a href="#tab5" data-toggle="tab">Section 5</a>
                                        </li>
                                        <li>
                                            <a href="#tab6" data-toggle="tab">Section 6</a>
                                        </li>
                                        <li>
                                            <a href="#tab7" data-toggle="tab">Section 7</a>
                                        </li>
                                        <li>
                                            <a href="#tab8" data-toggle="tab">Section 8</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab1">
                                            <p> Section 1. </p>
                                        </div>
                                        <div class="tab-pane" id="tab2">
                                            <p> Section 2. </p>
                                        </div>
                                        <div class="tab-pane" id="tab3">
                                            <p> Section 3. </p>
                                        </div>
                                        <div class="tab-pane" id="tab4">
                                            <p> Section 4. </p>
                                        </div>
                                        <div class="tab-pane" id="tab5">
                                            <p> Section 5. </p>
                                        </div>
                                        <div class="tab-pane" id="tab6">
                                            <p> Section 6. </p>
                                        </div>
                                        <div class="tab-pane" id="tab7">
                                            <p> Section 7. </p>
                                        </div>
                                        <div class="tab-pane" id="tab8">
                                            <p> Section 8. </p>
                                        </div>
                                        <div class="tab-pane" id="tab9">
                                            <p> Section 9. </p>
                                        </div>
                                    </div>
                                </div>
                                <p> &nbsp; </p>
                                <p> &nbsp; </p>
                                <div class="tabbable tabbable-tabdrop">
                                    <ul class="nav nav-pills">
                                        <li class="active">
                                            <a href="#tab11" data-toggle="tab">Section 1</a>
                                        </li>
                                        <li>
                                            <a href="#tab12" data-toggle="tab">Section 2</a>
                                        </li>
                                        <li>
                                            <a href="#tab13" data-toggle="tab">Section 3</a>
                                        </li>
                                        <li>
                                            <a href="#tab14" data-toggle="tab">Section 4</a>
                                        </li>
                                        <li>
                                            <a href="#tab15" data-toggle="tab">Section 5</a>
                                        </li>
                                        <li>
                                            <a href="#tab16" data-toggle="tab">Section 6</a>
                                        </li>
                                        <li>
                                            <a href="#tab17" data-toggle="tab">Section 7</a>
                                        </li>
                                        <li>
                                            <a href="#tab18" data-toggle="tab">Section 8</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab11">
                                            <p> Section 1. </p>
                                        </div>
                                        <div class="tab-pane" id="tab12">
                                            <p> Section 2. </p>
                                        </div>
                                        <div class="tab-pane" id="tab13">
                                            <p> Section 3. </p>
                                        </div>
                                        <div class="tab-pane" id="tab14">
                                            <p> Section 4. </p>
                                        </div>
                                        <div class="tab-pane" id="tab15">
                                            <p> Section 5. </p>
                                        </div>
                                        <div class="tab-pane" id="tab16">
                                            <p> Section 6. </p>
                                        </div>
                                        <div class="tab-pane" id="tab17">
                                            <p> Section 7. </p>
                                        </div>
                                        <div class="tab-pane" id="tab18">
                                            <p> Section 8. </p>
                                        </div>
                                        <div class="tab-pane" id="tab19">
                                            <p> Section 9. </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END TAB PORTLET-->
                        <!-- BEGIN TAB PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title tabbable-line">
                                <div class="caption">
                                    <i class="icon-share font-dark"></i>
                                    <span class="caption-subject font-dark bold uppercase">Portlet标签页</span>
                                </div>
                                <ul class="nav nav-tabs">
                                    <li>
                                        <a href="#portlet_tab3" data-toggle="tab"> Tab 3 </a>
                                    </li>
                                    <li>
                                        <a href="#portlet_tab2" data-toggle="tab"> Tab 2 </a>
                                    </li>
                                    <li class="active">
                                        <a href="#portlet_tab1" data-toggle="tab"> Tab 1 </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="portlet-body">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="portlet_tab1">
                                        <p> SuperUI第一版！</p>
                                        <div class="alert alert-warning">
                                            <p> SuperUI第一版！ </p>
                                            <p> SuperUI第一版！ </p>
                                        </div>
                                        <div class="btn-group">
                                            <a class="btn purple" href="javascript:;" data-toggle="dropdown">
                                                <i class="fa fa-user"></i> 设置
                                                <i class="fa fa-angle-down"></i>
                                            </a>
                                            <ul class="dropdown-menu bottom-up">
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-plus"></i> 添加 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-trash-o"></i> 编辑 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-times"></i> 删除 </a>
                                                </li>
                                                <li class="divider"> </li>
                                                <li>
                                                    <a href="javascript:;">其他设置 </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="portlet_tab2">
                                        <p>SuperUI第一版！SuperUI第一版！ </p>
                                        <p>
                                            <a class="btn red" href="ui_tabs_accordions_navs.html#portlet_tab2" target="_blank"> 激活链接 </a>
                                        </p>
                                    </div>
                                    <div class="tab-pane" id="portlet_tab3">
                                        <p> SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！ </p>
                                        <p>
                                            <a class="btn blue" href="ui_tabs_accordions_navs.html#portlet_tab3" target="_blank"> 激活链接 </a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END TAB PORTLET-->
                        <!-- BEGIN TAB PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title tabbable-line">
                                <div class="caption">
                                    <i class="icon-share font-dark"></i>
                                    <span class="caption-subject font-dark bold uppercase">Portlet标签页</span>
                                </div>
                                <ul class="nav nav-tabs">
                                    <li>
                                        <a href="#portlet_tab2_3" data-toggle="tab"> Tab 3 </a>
                                    </li>
                                    <li>
                                        <a href="#portlet_tab2_2" data-toggle="tab"> Tab 2 </a>
                                    </li>
                                    <li class="active">
                                        <a href="#portlet_tab2_1" data-toggle="tab"> Tab 1 </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="portlet-body">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="portlet_tab2_1">
                                        <div class="alert alert-success"> 请保证底部有足够的空间展示！ </div>
                                        <div class="btn-group margin-bottom-10">
                                            <a class="btn red" href="javascript:;" data-toggle="dropdown">
                                                <i class="fa fa-user"></i> 设置
                                                <i class="fa fa-angle-down"></i>
                                            </a>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-plus"></i> 添加 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-trash-o"></i> 编辑 </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <i class="fa fa-times"></i> 删除 </a>
                                                </li>
                                                <li class="divider"> </li>
                                                <li>
                                                    <a href="javascript:;">其他设置 </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <p> SuperUI第一版！ </p>
                                        <p> SuperUI第一版！SuperUI第一版！</p>
                                    </div>
                                    <div class="tab-pane" id="portlet_tab2_2">
                                        <p>SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！</p>
                                        <p>
                                            <a class="btn red" href="ui_tabs_accordions_navs.html#portlet_tab2_2" target="_blank"> 激活链接 </a>
                                        </p>
                                    </div>
                                    <div class="tab-pane" id="portlet_tab2_3">
                                        <p>SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！SuperUI第一版！ </p>
                                        <p>
                                            <a class="btn purple" href="ui_tabs_accordions_navs.html#portlet_tab2_3" target="_blank"> 激活链接 </a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END TAB PORTLET-->
                        <!-- BEGIN ACCORDION PORTLET-->
                        <div class="portlet box green">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>手风琴效果 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                    <a href="javascript:;" class="reload"> </a>
                                    <a href="javascript:;" class="remove"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="panel-group accordion" id="accordion1">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_1">Item #1 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_1" class="panel-collapse in">
                                            <div class="panel-body">
                                                <p> 手风琴效果1 </p>
                                                <p> 手风琴效果1 </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_2"> Item #2 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_2" class="panel-collapse collapse">
                                            <div class="panel-body" style="height:200px; overflow-y:auto;">
                                                <p> 手风琴效果2</p>
                                                <p>手风琴效果2 </p>
                                                <p> 手风琴效果2</p>
                                                <p>
                                                    <a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_2" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_3"> Item #3 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_3" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p>手风琴效果3 </p>
                                                <p> 手风琴效果3 </p>
                                                <p>
                                                    <a class="btn green" href="ui_tabs_accordions_navs.html#collapse_3" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_4"> Item #4 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_4" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p> 手风琴效果4 </p>
                                                <p>手风琴效果4</p>
                                                <p> 手风琴效果4 </p>
                                                <p>
                                                    <a class="btn red" href="ui_tabs_accordions_navs.html#collapse_4" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END ACCORDION PORTLET-->
                        <!-- BEGIN ACCORDION PORTLET-->
                        <div class="portlet box yellow">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>带icon手风琴效果 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                    <a href="javascript:;" class="reload"> </a>
                                    <a href="javascript:;" class="remove"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="panel-group accordion" id="accordion3">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle accordion-toggle-styled" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_1"> Item #1 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_3_1" class="panel-collapse in">
                                            <div class="panel-body">
                                                <p>手风琴效果1. </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_2"> Item #2 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_3_2" class="panel-collapse collapse">
                                            <div class="panel-body" style="height:200px; overflow-y:auto;">
                                                <p> 手风琴效果2 </p>
                                                <p>手风琴效果2 </p>
                                                <p> 手风琴效果2</p>
                                                <p>
                                                    <a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_3_2" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_3">Item #3 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_3_3" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p>手风琴效果3 </p>
                                                <p>手风琴效果3</p>
                                                <p>
                                                    <a class="btn green" href="ui_tabs_accordions_navs.html#collapse_3_3" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_4">Item #4 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_3_4" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p>手风琴效果4</p>
                                                <p> 手风琴效果4</p>
                                                <p> 手风琴效果4 </p>
                                                <p>
                                                    <a class="btn red" href="ui_tabs_accordions_navs.html#collapse_3_4" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END ACCORDION PORTLET-->
                        <!-- BEGIN ACCORDION PORTLET-->
                        <div class="portlet box purple">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>（滚动）手风琴菜单 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                    <a href="javascript:;" class="reload"> </a>
                                    <a href="javascript:;" class="remove"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="panel-group accordion scrollable" id="accordion2">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_1"> Item #1 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_2_1" class="panel-collapse in">
                                            <div class="panel-body">
                                                <p> 手风琴效果1 </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_2"> Item #2 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_2_2" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p> 手风琴效果2 </p>
                                                <p>手风琴效果2 </p>
                                                <p>
                                                    <a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_2_2" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_3">Item #3 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_2_3" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p> 手风琴效果3 </p>
                                                <p> 手风琴效果3 </p>
                                                <p>
                                                    <a class="btn green" href="ui_tabs_accordions_navs.html#collapse_2_3" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_4">Item #4 </a>
                                            </h4>
                                        </div>
                                        <div id="collapse_2_4" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <p> 手风琴效果4</p>
                                                <p>手风琴效果4</p>
                                                <p>手风琴效果4 </p>
                                                <p>
                                                    <a class="btn red" href="ui_tabs_accordions_navs.html#collapse_2_4" target="_blank"> 点这里激活链接 </a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END ACCORDION PORTLET-->
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>标签页（多种风格） </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                    <a href="#portlet-config" data-toggle="modal" class="config"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="tabbable-custom nav-justified">
                                    <ul class="nav nav-tabs nav-justified">
                                        <li class="active">
                                            <a href="#tab_1_1_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_1_1_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_1_1_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_1_1_1">
                                            <p> Section 1. </p>
                                            <p> SuperUI发布啦！ </p>
                                        </div>
                                        <div class="tab-pane" id="tab_1_1_2">
                                            <p> Section 2. </p>
                                            <p>SuperUI发布啦！SuperUI发布啦！ </p>
                                            <p>
                                                <a class="btn green" href="ui_tabs_accordions_navs.html#tab_1_1_2" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_1_1_3">
                                            <p> Section 3. </p>
                                            <p> SuperUI发布啦！SuperUI发布啦！SuperUI发布啦！SuperUI发布啦！ </p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_1_1_3" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="tabbable-custom tabs-below nav-justified">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_17_1">
                                            <p> Section 1. </p>
                                            <p> SuperUI发布啦！</p>
                                            <p> SuperUI发布啦！SuperUI发布啦！ </p>
                                        </div>
                                        <div class="tab-pane" id="tab_17_2">
                                            <p> Section 2. </p>
                                            <p> SuperUI发布啦！SuperUI发布啦！SuperUI发布啦！</p>
                                            <p>
                                                <a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_17_2" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                        <div class="tab-pane" id="tab_17_3">
                                            <p> Section 3. </p>
                                            <p> SuperUI发布啦！SuperUI发布啦！SuperUI发布啦！SuperUI发布啦！ </p>
                                            <p>
                                                <a class="btn purple" href="ui_tabs_accordions_navs.html#tab_17_3" target="_blank"> 激活链接 </a>
                                            </p>
                                        </div>
                                    </div>
                                    <ul class="nav nav-tabs nav-justified">
                                        <li class="active">
                                            <a href="#tab_17_1" data-toggle="tab"> Section 1 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_17_2" data-toggle="tab"> Section 2 </a>
                                        </li>
                                        <li>
                                            <a href="#tab_17_3" data-toggle="tab"> Section 3 </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END CONTENT BODY -->
        </div>
        <!--[if lt IE 9]>
    <script src="../content/superui/base/base-core/excanvas.min.js"></script>
    <script src="../content/superui/base/base-core/respond.min.js"></script>
    <![endif]-->
        <!-- 全局公共类库Begin -->
        <script src="../content/superui/min/js/superui.common.min.js"></script>

    </body>

</html>